<div class="layui-form" lay-filter="layuiadmin-form-admin" id="layuiadmin-form-admin" style="padding: 20px 30px 0 0;">
    <input type="hidden" value="{$model.ProjectBudget.id ?? ''}" name="budget_id" lay-verify="required"
           placeholder="请输入项目名称" autocomplete="off"
           class="layui-input" readonly>
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">项目名称</label>
                <div class="layui-input-block">
                    <input type="text" value="{$model.ProjectBudget.name ?? ''}" lay-verify="required"
                           placeholder="请输入项目名称" autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">项目主管</label>
                <div class="layui-input-block">
                    <input type="text" id="executive" value="{$model.ProjectBudget.executive ?? ''}"
                           lay-verify="required" placeholder="请输入项目主管" autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">执行区域</label>
                <div class="layui-input-block">
                    <input type="text" id="execution_area" value="{$model.ProjectBudget.execution_area ?? ''}"
                           lay-verify="required" placeholder="请输入执行区域"
                           autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-block">
                    <input type="text" id="start_time" value="{$model.ProjectBudget.start_time ?? ''}"
                           lay-verify="required" placeholder="请输入开始时间" autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-block">
                    <input type="text" id="end_time" value="{$model.ProjectBudget.end_time ?? ''}" lay-verify="required"
                           placeholder="请输入结束时间" autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">样本总量</label>
                <div class="layui-input-block">
                    <input type="text" id="sample_num" value="{$model.ProjectBudget.sample_num ?? ''}"
                           lay-verify="required" placeholder="请输入样本总量"
                           autocomplete="off"
                           class="layui-input" readonly>
                </div>
            </div>
        </div>

    </div>
    <!--项目类型 -->
    <div class="layui-row">
        {foreach $model.ProjectBudget.ProjectBudgetTypeConfig as $key=>$vo}
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">项目类型</label>
                <div class="layui-input-block">
                    <input type="text" value="{$vo.type_name ?? ''}" lay-verify="required" placeholder="请输入项目类型"
                           autocomplete="off"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">主样本量</label>
                <div class="layui-input-block">
                    <input type="text" value="{$vo.main_sample_num ?? ''}" lay-verify="required" id="main_sample_num"
                           required placeholder="请输入主样本量"
                           autocomplete="off"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="layui-form-item">
                <label class="layui-form-label">放大样本量</label>
                <div class="layui-input-block">
                    <input type="text" value="{$vo.enlarge_sample_num ?? ''}" lay-verify="required"
                           id="enlarge_sample_num" required
                           placeholder="请输入放大样本量" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
        </div>
        {/foreach}
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-input-block" style="margin-left:36px!important;">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th style="text-align: center;">计划成本</th>
                        <th style="text-align: center;">数量</th>
                        <th style="text-align: center;">单价</th>
                        <th style="text-align: center;">金额(元)</th>
                        <th style="text-align: center;">备注</th>
                    </tr>
                    </thead>
                    <tbody id="index-table">
                    {foreach $model.ProjectBudget.ProjectBudgetPlanConfig as $key=>$vo}
                    <tr>
                        <td>
                            <input type="text " value="{$vo.ProjectPlan.name ?? ''}" lay-verify="required"
                                   placeholder="1,2,3,4"
                                   autocomplete="off"
                                   class="layui-input input num" readonly>
                        </td>
                        <td style="text-align: center;">
                            <input type="number " lay-verify="number" value="{$vo.num ?? ''}" lay-verify="required"
                                   placeholder="1,2,3,4" autocomplete="off"
                                   class="layui-input input num" readonly>
                        </td>
                        <td style="text-align: center;">
                            <input type="number" value="{$vo.unit_price ?? ''}" placeholder="￥" lay-verify="required"
                                   autocomplete="off"
                                   class="layui-input input price" readonly>
                        </td>
                        <td style="text-align: center;">
                            <input type="number" placeholder="￥" id="final" value="{$vo.sum_of_money ?? ''}"
                                   autocomplete="off"
                                   class="layui-input final" readonly>
                        </td>
                        <td style="text-align: center;"><input type="text" value="{$vo.remark ?? ''}"
                                                               placeholder="请输入备注" autocomplete="off"
                                                               class="layui-input" readonly></td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-form-item">
                <label class="layui-form-label" style="color: red !important;">项目批注</label>
                <div class="layui-input-block">
                    <textarea placeholder="请给该项目做批注...." name="annotate" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="LAY-user-back-submit" id="LAY-user-back-submit" value="确认">
        <input type="button" lay-submit lay-filter="LAY-user-refuse-submit" id="LAY-user-refuse-submit" value="取消">
    </div>
</div>
<script src="/static/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base: '/static/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index', //主入口模块
    }).use(['index', 'form', 'laydate'], function () {
        var $ = layui.jquery, form = layui.form
            , laydate = layui.laydate;
        form.render();


    });
</script>
